<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>product</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/product.css" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css" />
	</head>

	<body>
		<nav class="navbar navbar-default navbar-static-top">
			<div>
				<ul>
					<li class="left fl">
						<i class="iconfont icon-shouyesantiaoxian classify"></i>
					</li>

					<li class="right fr">
						<i class="iconfont icon-fangdajing classify-sousuo"></i>
					</li>
					<li class="img">
						<img src="../img/index/index-nav.jpg" class="img-responsive" />
					</li>
				</ul>
			</div>
			<div class="menu">
				<div class="left">
					<i class="iconfont icon-chuyidong classify"></i>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-xs-12 top">
							<i class="iconfont icon-weibo"></i>
							<i class="iconfont icon-icon-"></i>
							<i class="iconfont icon-baidu"></i>
							<i class="iconfont icon-suiyi"></i>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 center">
							<a href="../index.html"><span>About Or</span></a>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 center">
							<a href="product.html"><span>Product</span></a>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 center">
							<a href="space.html"><span>Space Inspiration</span></a>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 center">
							<a href="user.html"><span>User Experience</span></a>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12 bottom">
							<i class="iconfont icon-fangxing"></i>
							<a href="newslist.html">NEWS</a><i class="iconfont icon-fangxing"></i>
							<a href="activitydetail.html">EVENT</a><i class="iconfont icon-fangxing"></i>
							<a href="contact.html">CONTACT</a><i class="iconfont icon-fangxing"></i>
						</div>
					</div>
				</div>
			</div>
			<div class="menu-sousuo">
				<div class="container">
					<div class="row bottom">
						<div class="col-sm-12">
							<i class="iconfont icon-weibiaoti39 classify-sousuo"></i><span>Return</span>
						</div>
						<div class="row bottom">
							<div class="col-sm-12">
								<input type="text" name="" id="" value="" />
							</div>
							<div class="row bottom">
								<div class="col-sm-12">
									<p>Searh anything & hit enter</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</nav>
		<section>
			<div class="center-outside">
				<div class="container">
					<div class="row bottom">
						<div class="col-sm-12">
							<div class="carousel-caption">
								<p>Dot. Chair</p>
								<button onclick="window.location='productdetailed.html'"><span>SEE MORE</span></button>
							</div>
							<img src="../img/product/product-1.jpg" class="img-responsive" />
						</div>
					</div>
				</div>
			</div>
			<div class="center-1-outside">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 title">
							<div class="select">
								<a href="">All</a><i class="iconfont icon-fangxing"></i>
								<a href="">Communication room</a><i class="iconfont icon-fangxing"></i>
								<a href="">Private room</a><i class="iconfont icon-fangxing"></i>
								<a href="">Storage</a><i class="iconfont icon-fangxing"></i>
								<a href="">Accessories</a>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-sm-10 col-sm-push-1 col-xs-12">
							<div class="row bottom">
								<div class="col-sm-8 left">
									<img src="../img/index/index-3.jpg" class="img-responsive" />
									<h6>Dot. Multi-functional</h6>
									<p>Dot. Multi-functional Combine-unit</p>
								</div>
								<div class="col-sm-4 right">
									<img src="../img/index/index-4.jpg" class="img-responsive" />
									<h6>free collocation</h6>
									<p>Dot. Table</p>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-10 col-sm-push-1 col-xs-12">
							<div class="row bottom">
								<div class="col-sm-4 right">
									<img src="../img/index/index-5.jpg" class="img-responsive" />
									<h6>free collocation</h6>
									<p>Dot. Table</p>
								</div>
								<div class="col-sm-8 left">
									<img src="../img/index/index-6.jpg" class="img-responsive" />
									<h6>Dot. Multi-functional</h6>
									<p>Dot. Multi-functional Combine-unit</p>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="center-2-outside">
				<div class="container">
					<div class="row button">
						<div class="col-sm-12">
							<button onclick="window.location='productdetailed.html'"><span>See MORE</span></button>
						</div>
					</div>
				</div>
			</div>
			<div class="center-3-outside">
				<img src="../img/product/product-6.jpg" class="img-responsive" />

			</div>
		</section>

		<footer>
			<div class="menu-1">
				<ul class="clearfix">
					<li>
						<p>Receive the latest Or news and Creativity in our newsletters.</p>
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Enter your email address">
							<span class="input-group-btn">
        <button class="btn btn-default" type="button">Sign Up</button>
      </span>
						</div>
						<!-- /input-group -->
					</li>
					<li class="right">
						<i class="iconfont icon-weibo"></i>
						<i class="iconfont icon-icon-"></i>
						<i class="iconfont icon-baidu"></i>
						<i class="iconfont icon-suiyi"></i>
						<i class="iconfont icon-arrow classify-1"></i>
					</li>
				</ul>
			</div>
			<div class="bottom">
				<ul class="clearfix">
					<li>
						<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
					</li>
					<li>
						<i class="iconfont icon-arrow-up classify-1"></i>
					</li>
				</ul>
			</div>

		</footer>

		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/bootstrap.js"></script>
		<script>
			$(function() {
				$('.classify').click(function() {
					$('.menu').slideToggle('slow');
				});
			});
			$(function() {
				$('.classify-sousuo').click(function() {
					$('.menu-sousuo').slideToggle('slow');
				});
			});

			$(function() {
				$('.classify-1').click(function() {
					$('.menu-1').slideToggle('slow');
				});
			});
		</script>
		</script>
	</body>

</html>